iT邦幫忙

2025 iThome 鐵人賽

DAY 3
2
佛心分享-IT精打細算

江湖在走,IT的省錢秘訣,省下的錢天天吃滷肉飯系列 第 3

第3天,網站架構的選擇 / 媽祖廟邊魷魚羹 板橋慈惠宮必吃庶民美食(新北板橋)| 30天滷肉飯

  • 分享至 

  • xImage
  •  

在討論網站開發時,大家常聚焦在「效能」、「SEO」、「開發速度」這些顯而易見的議題。但其實還有一個常被忽略的關鍵:架構的選擇,會直接影響到你的雲端支出與營運成本。

以下我們用常見的三種網站渲染方式——CSR、SSR、SSG來分析。成本考量其中一點在於是否需要架設伺服器,當需要維護後端、API服務、資料庫時,都需要有相應資源,也是有不需要後端、資料庫的架設方案可以選擇。

1. CSR(Client-Side Rendering,用戶端渲染)

  • 做法:伺服器只丟一個空白 HTML,所有資料由瀏覽器下載 JavaScript 後,再向 API 抓資料組合畫面。
  • 成本影響:
    • 伺服器負擔低:幾乎只要提供靜態檔案(HTML + JS + CSS),可以放在 CDN 上。
    • API 請求多:雖然網頁本身便宜,但後端 API 會被大量打,隨著使用者數量增加,API 成本會被放大。
    • 缺點是 SEO 不好,由於內文都是透過 API 存取,會影響 SEO。

👉 省錢程度:中等 —— 靜態檔很便宜,但 API 成本是隱形支出。

2. SSR(Server-Side Rendering,伺服器端渲染)

  • 做法:每次使用者請求時,伺服器都要即時生成 HTML,再回傳給用戶。
  • 成本影響:
    • 伺服器壓力大:每個請求都要執行程式、查資料庫、渲染頁面。
    • 必須隨流量水平擴展:流量一多,就要加更多伺服器或 serverless 執行單元,成本快速上升。
    • 優點是 SEO、首屏效能好,但代價就是錢燒得快。

👉 省錢程度:最低 —— 流量大時成本最高,維護難度也高。

3. SSG(Static Site Generation,靜態網站生成)

  • 做法:在建置(build)時,就把所有 HTML 預先生成,發佈到 CDN。使用者請求時只要直接傳靜態檔案。
  • 成本影響:
    • 極省資源:幾乎零運算,靠 CDN 便能承受巨大流量。
    • 成本最穩定:即使百萬流量進站,因為只是丟檔案,成本幾乎不變。
    • 缺點是內容更新不即時(要 rebuild 或結合 ISR/DPR 技術)。
    • 適合用在官方網站、部落格等較靜態的網站,但也不是萬能的,較動態的網站,通常採用 CSR、SSR。
    • 有免費的編譯、部署環境可以選擇,如:Github Pages、Cloudflare Pages

👉 省錢程度:最高 —— 幾乎只要付 CDN、儲存費用、建置(build)費用。

比較

架構 成本特性 適合情境 省錢程度
CSR 網頁便宜、API 成本高 單頁應用、小型服務、後台 ⭐⭐
SSR 每次請求都要算、成本隨流量線性成長 高度即時需求、SEO 要求嚴苛
SSG 幾乎全靜態、靠 CDN,成本極低 部落格、企業官網、行銷頁 ⭐⭐⭐

媽祖廟邊魷魚羹

那接下來就可以來吃滷肉飯了

板橋慈惠宮是地方中心廟宇,板橋媽祖遠近馳名,除了很靈驗外,也是郭台銘董事長的故鄉,小時候曾經在廟裡住一段時間,附近就有一家滷肉飯很有名。

  • 店名:媽祖廟邊魷魚羹
  • 地址:新北市板橋區府中路93號
  • 營業時間:週三到週日 10:00–20:00
  • Google Maps
  • 本系列地圖

https://ithelp.ithome.com.tw/upload/images/20250817/20163416nnC9ISKxnW.jpg

走到板橋慈惠宮這邊,除了拜拜,還有一樣在地人超愛的美食一定要試,就是 媽祖廟邊魷魚羹。這家店真的是很多板橋人「從小吃到大」的口袋名單,外觀看起來很樸實,但每到用餐時間就是滿滿人潮。他們家的招牌就是那碗沙茶魷魚羹,湯頭帶點甜味又勾得剛剛好,魷魚新鮮又有彈性,配飯、米粉或冬粉都超對味。再來一碗魯肉飯,肥肉滷得軟爛香甜,醬汁拌飯超下飯,完全停不下來。小菜像是油豆腐、嘴邊肉也很受歡迎,價格都很親民。

https://ithelp.ithome.com.tw/upload/images/20250817/2016341611KlG6EeKd.jpg


上一篇
第2天,IT產品的選擇 / 台南無刺虱目魚專賣店 新埔的南部好味道(新北板橋)| 30天滷肉飯
下一篇
第4天,Cache的重要性 / 海山魯肉飯 板車附近的文青餐廳(新北板橋)| 30天滷肉飯
系列文
江湖在走,IT的省錢秘訣,省下的錢天天吃滷肉飯16
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言